{if(!empty($service_list))}
{volist name="service_list" id="val" key="key"}
<div class="server-list-body">
    {foreach($val as $key1 => $val1)}
    <div class="server-list-wrap">
        <div class="server-list--left">
            <a {if(!empty($val1.left_img_link))}  href="{$val1.left_img_link}"  target='_blank' {/if}>
                <img default-url="{$val1.left_img_src|img_url}" alt="{$val1.left_img_title}" title="{$val1.left_img_title}">
            </a>
        </div>
        <div class="server-list--right">
            <div class="server-list--right--top">
                <div class="server-list--right--top--left"><h2>{$val1.name}</h2></div>
                <div class="server-list--right--top--right"><span>* </span>{$val1.tag}</div>
            </div>
            <div class="server-list--right--bottom">
                <?php $i=0; ?>
                <?php foreach($val1['detail'] as $key2 => $val2) {?>
                    {if($i == 0)}
                <div class="server-list--right--bottom--top">
                    <div class="server-list--right--bottom--top--left">
                        <div class="server-list--right--bottom--top--left__left">{$key2}</div>
                        <div class="server-list--right--bottom--top--left__center">
                            <ul>
                                <?php $j=0; ?>
                                {foreach ($val2 as $key3 => $val3)}
                                {if($j < 2)}
                                <li><a  {if(!empty($val3))} href="{$val3}" target='_blank' {/if}>{$key3}</a></li>
                                {/if}
                                <?php $j++; ?>
                                {/foreach}
                            </ul>
                        </div>
                        <div class="server-list--right--bottom--top--left__right">
                            <ul>
                                <?php $j=0; ?>
                                {foreach ($val2 as $key3 => $val3)}
                                {if($j >= 2)}
                                <li><a  {if(!empty($val3))} href="{$val3}" target='_blank' {/if}>{$key3}</a></li>
                                {/if}
                                <?php $j++; ?>
                                {/foreach}
                            </ul>
                        </div>
                    </div>
                    <div class="server-list--right--bottom--top--right">
                        <a {if(!empty($val1['right_top_img_link']))} href="{$val1.right_top_img_link}" {/if}  >
                            <img default-url="{$val1.right_top_img_src|img_url}" alt="{$val1.right_top_img_title}" title="{$val1.right_top_img_title}">
                        </a>
                    </div>
                </div>
                    {else /}
                <div class="server-list--right--bottom__bottom">
                    <div class="server-list--right--bottom__bottom--left">
                        <div class="server-list--right--bottom--top--left__left">{$key2}</div>
                        <div class="server-list--right--bottom--top--left__center">
                            <ul>
                                <?php $j=0; ?>
                                {foreach ($val2 as $key3 => $val3)}
                                {if($j < 2)}
                                <li><a  {if(!empty($val3))} href="{$val3}" target='_blank' {/if}>{$key3}</a></li>
                                {/if}
                                <?php $j++; ?>
                                {/foreach}
                            </ul>
                        </div>
                        <div class="server-list--right--bottom--top--left__right">
                            <ul>
                                <?php $j=0; ?>
                                {foreach ($val2 as $key3 => $val3)}
                                {if($j >= 2)}
                                <li><a  {if(!empty($val3))} href="{$val3}" target='_blank' {/if}>{$key3}</a></li>
                                {/if}
                                <?php $j++; ?>
                                {/foreach}
                            </ul>
                        </div>
                    </div>
                    <div class="server-list--right--bottom__bottom--right">
                        <a  {if(!empty($val1['right_bottom_img_link']))} href="{$val1.right_bottom_img_link}" {/if}>
                            <img default-url="{$val1.right_bottom_img_src|img_url}" alt="{$val1.right_bottom_img_title}" title="{$val1.right_bottom_img_title}">
                        </a>
                    </div>
                </div>
                    {/if}
                    <?php $i++; ?>
                <?php } ?>
            </div>
        </div>
    </div>
    {/foreach}
</div>
{/volist}
{/if}